<template>
    <div class='infoNews'>
        <div  class='title'>
            <h1>2016年第三季度计划针对公司基层人员,管理人员,领</h1>
        </div>
        <div class='author'>
            <span>发布单位:&nbsp;&nbsp;省教育厅</span><span>2016-01-22</span>
        </div>
        <div class='image'>
            <img src="~assets/Miku.jpg" alt="">
        </div>
        <div class='content'>
            <p class='txt-indent'>
                <span>
                购买之前可查看课程详细信息和课程评价；“课程详细信息”包括：课程图片、课程名称、培训期间、课程时长考核方式、
                是否通过、课件数量、课程描述；“课程评价”包括：评价人、评价星数、评价内容、评价时间,每个用户只能评价一次追评一次。
                </span>
            </p>
            <p class='txt-indent'>
                <span>
                购买之前可查看课程详细信息和课程评价；“课程详细信息”包括：课程图片、课程名称、培训期间、课程时长考核方式、
                是否通过、课件数量、课程描述；“课程评价”包括：评价人、评价星数、评价内容、评价时间,每个用户只能评价一次追评一次。
                </span>
            </p>
            <p class='txt-indent'>
                <span>
                购买之前可查看课程详细信息和课程评价；“课程详细信息”包括：课程图片、课程名称、培训期间、课程时长考核方式、
                是否通过、课件数量、课程描述；“课程评价”包括：评价人、评价星数、评价内容、评价时间,每个用户只能评价一次追评一次。
                </span>
            </p>
            <p class='txt-indent'>
                <span>
                购买之前可查看课程详细信息和课程评价；“课程详细信息”包括：课程图片、课程名称、培训期间、课程时长考核方式、
                是否通过、课件数量、课程描述；“课程评价”包括：评价人、评价星数、评价内容、评价时间,每个用户只能评价一次追评一次。
                </span>
            </p>
        </div>

    </div>
</template>
<script>
    export default{

    }
</script>
<style lang='scss'>
    /* infoNews.vue */
     @import '../../assets/css/function';
    .infoNews{
        position:relative;
        background:white;
        padding:pxtorem(20px) pxtorem(15px) pxtorem(20px) pxtorem(15px);
        .title{
           padding:pxtorem(5px);
           font-family:'黑体';
            h1{ 
                 text-align:center;
                 font-size:pxtorem(16px);
                 color:#111; 
            }
            margin-bottom:pxtorem(10px);
        }
        .author{
            text-align:center;
            font-size:pxtorem(12px);
            color:#ccc;
            span{
                margin-right:pxtorem(20px)
            }
            margin-bottom:pxtorem(10px);
        }
        .image{
            img{
                width:100%;
            }
        }
        .content{
            p{  
                span{
                    font-family:'黑体';
                    font-size:pxtorem(14px);
                    color:#666;
                }
                
            }
            .txt-indent{
                text-indent:30px;
            }
        }
    }
</style>